.user {
	position: relative;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.fixed-topbar {
	position: relative;
	.bg {
		width: 100%;
		height: 152px;
	}
	.fixed-item {
		position: absolute;
		z-index: 1;
		top: 0;
		left: 0;
		width: 100%;
	}
}

.user-avatar {
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-left: 20upx;
	padding-right: 20upx;
	.left {
		.h4 {
			font-size: 37upx;
		}
		.p {
			font-size: 24upx;
			color: #b3b3b3;
			margin-top: 25upx;
		}
	}
	.right {
		display: flex;
		align-items: center;
		image {
			width: 100upx;
			height: 100upx;
			border-radius: 100%;
		}
		.iconfont {
			font-size: 40upx;
			margin-left: 10upx;
			color: #c8c8c8;
		}
	}
}

.asset-contain {
	display: flex;
	align-items: center;
	justify-content: space-between;
	text-align: center;
	width: 100%;
	padding-top: 60upx;
	.item {
		flex: 1;
	}
	.h4 {
		color: #FF9813;
		font-size: 42upx;
		.code {
			font-size: 24upx;
		}
	}
	.p {
		font-size: 24upx;
		color: #2E2E2E;
		margin-top: 20upx;
	}
}

.order-status {
	position: relative;
	padding-top: 60upx;
	.bg {
		width: 100%;
		height: 153px;
	}
	.card-cnt {
		position: absolute;
		z-index: 1;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		.head {
			width: 90%;
			margin: 85upx auto 0;
			display: flex;
			align-items: center;
			justify-content: space-between;
			.left {
				color: #A3A4A6;
				font-size: 28upx;
			}
			.right {
				color: #B6B6B6;
				font-size: 24upx;
				.iconfont {
					font-size: 30upx;
					margin-left: 10upx;
					color: #c8c8c8;
					vertical-align: -1px;
				}
			}
		}
		.items-flex {
			width: 80%;
			margin: 40upx auto 0;
			display: flex;
			align-items: center;
			justify-content: space-between;
			.item {
				position: relative;
				.badge {
					position: absolute;
					z-index: 1;
					top: -4upx;
					right: -4upx;
					background-color: #FF4A4A;
					color: #fff;
					border-radius: 10upx;
					font-size: 10px;
					padding: 2upx 4upx;
				}
				image {
					width: 61upx;
					height: 61upx;
					margin-left: auto;
					margin-right: auto;
				}
				.p {
					font-size: 24upx;
					text-align: center;
					color: #fff;
					margin-top: 17upx;
				}
			}
		}
	}
}

.panel-items {
	padding-left: 20upx;
	padding-right: 20upx;
	overflow-y: auto;
	.item {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 20upx 0;
		background-color: #fff;
		.left {
			display: flex;
			align-items: center;
			font-size: 30upx;
			image {
				width: 64upx;
				height: 64upx;
				margin-right: 20upx;
			}
		}
		.right {
			color: #C8C8C8;
		}
	}
}